<template>

  <div class="dl-main-nav">
    <div class="dl-inform">
      <div class="dl-inform-title">贴心小秘书<s class="dl-inform-icon dl-up"></s></div>
    </div>
    <ul id="J_Nav" class="nav-list ks-clear">
      <li class="nav-item dl-selected">
        <div class="nav-item-inner nav-home">首页</div>
        <div class="nav-item-mask"></div>
      </li>
      <li class="nav-item">
        <div class="nav-item-inner nav-order">表单页</div>
        <div class="nav-item-mask"></div>
      </li>
      <li class="nav-item">
        <div class="nav-item-inner nav-inventory">搜索页</div>
        <div class="nav-item-mask"></div>
      </li>
      <li class="nav-item">
        <div class="nav-item-inner nav-supplier">详情页</div>
        <div class="nav-item-mask"></div>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    name: 'HeaderNav',
    data() {
      return {
        msg: 'Welcome to HeaderNav'
      }
    },
    components: {
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>

</style>
